import React, { memo } from 'react'
import './MenuBarItem.css'

function MenuBarItem(props) {
    const {menuBarItemData}=props
    return (
        <div className='menubarItem_container'>
            {menuBarItemData.tag && <div className='menubarItem_tag'>{menuBarItemData.tag}</div>}
            <img src={menuBarItemData.imgSrc} alt="" className='menubarItem_img' />
            <div className='menubarItem_title'>{menuBarItemData.title}</div>
        </div>
    )
}

export default memo(MenuBarItem)
